<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="all">
        <div class="header">
            <div class="header_left">
                <h4>北京</h4>
            </div>
            <div class="header_center">
                <input type="text" value="请输入小区名称或商圈">

            </div>
            <div class="header_right">
                <img src="./icons/header_news.png" alt="">
            </div>
        </div>
        <div class="main_pic">
            <div class="pic_top">
                <img src="./imgs/banner.png" alt="">
            </div>
            <div class="pic_bottom">
                <img src="./icons/lunbo_active.png" alt="">
                <img src="./icons/lunbo_default.png" alt="">
                <img src="./icons/lunbo_default.png" alt="">
            </div>
        </div>
        <div class="main_pic2">
            <div class="nav_left">
                <img src="./icons/nav_1.png" alt="">
            </div>
            <div class="nav_right">
                <img src="./icons/nav_1.png" alt="">
            </div>
        </div>
        <div class="preferential">
            <div class="top">
                <h4>超值优惠</h4>
                <img src="./icons/content_icon_next.png" alt="">
            </div>
            <div class="bottom">
                <div class="bottom_left">
                    <img src="./imgs/content_tu_home_left@2x.png" alt="">
                    <p>宝石花园</p>
                    <span>朝阳区-2厅1室-90方</span><br>
                    <i>￥7800元/月</i>
                </div>
                <div class="bottom_right">
                    <img src="./imgs/content_tu_home_right@2x.png" alt="">
                    <p>宝石花园</p>
                    <span>朝阳区-2厅1室-90方</span><br>
                    <i>￥7800元/月</i>
                </div>
            </div>
        </div>
        <div class="help">
            <img src="./imgs/ggwei_home.png" alt="">
        </div>
        <div class="recomend">
            <div class="top">
                <div class="top_left">
                    <h4>为您推荐</h4>
                </div>
                <div class="top_right">
                    <p>整租 合租</p>
                </div>


            </div>
            <div class="bottom">
                <ul>
                    <li>
                        <div class="left">
                            <img src="./imgs/home_list_tu1@2x.png" alt="">
                        </div>
                        <div class="right">
                            <h4>整租-保利家园7号院1号楼</h4>
                            <p>朝阳区|2室1厅|90方</p>
                            <p>距5号线立水桥站1200米，13号线广西南合阿斯顿撒</p>
                            <div class="right_bottom">
                                <span>独卫</span>
                                <span>含阳台</span>
                            </div>
                            <i>￥7800元</i>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <img src="./imgs/home_list_tu1@2x.png" alt="">
                        </div>
                        <div class="right">
                            <h4>整租-保利家园7号院1号楼</h4>
                            <p>朝阳区|2室1厅|90方</p>
                            <p>距5号线立水桥站1200米，13号线广西南合阿斯顿撒</p>
                            <div class="right_bottom">
                                <span>独卫</span>
                                <span>含阳台</span>
                            </div>
                            <i>￥7800元</i>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <img src="./imgs/home_list_tu1@2x.png" alt="">
                        </div>
                        <div class="right">
                            <h4>整租-保利家园7号院1号楼</h4>
                            <p>朝阳区|2室1厅|90方</p>
                            <p>距5号线立水桥站1200米，13号线广西南合阿斯顿撒</p>
                            <div class="right_bottom">
                                <span>独卫</span>
                                <span>含阳台</span>
                            </div>
                            <i>￥7800元</i>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <img src="./imgs/home_list_tu1@2x.png" alt="">
                        </div>
                        <div class="right">
                            <h4>整租-保利家园7号院1号楼</h4>
                            <p>朝阳区|2室1厅|90方</p>
                            <p>距5号线立水桥站1200米，13号线广西南合阿斯顿撒</p>
                            <div class="right_bottom">
                                <span>独卫</span>
                                <span>含阳台</span>
                            </div>
                            <i>￥7800元</i>
                        </div>
                    </li>
                    <li>
                        <div class="left">
                            <img src="./imgs/home_list_tu1@2x.png" alt="">
                        </div>
                        <div class="right">
                            <h4>整租-保利家园7号院1号楼</h4>
                            <p>朝阳区|2室1厅|90方</p>
                            <p>距5号线立水桥站1200米，13号线广西南合阿斯顿撒</p>
                            <div class="right_bottom">
                                <span>独卫</span>
                                <span>含阳台</span>
                            </div>
                            <i>￥7800元</i>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="look">
            <input type="text" value="查看更多优质房源">
        </div>
        <div class="story">
            <img src="./imgs/gushirukou_home.png" alt="">
        </div>
        <div class="footer">
            <span class="#"><i class="iconfont icon-home"></i><p>首页</p></span>
            <span><i class="iconfont icon-search"></i><p>快速找房</p></span>
            <span><i class="iconfont icon-agent"></i><p>委托代理</p></span>
            <span><i class="iconfont icon-my"></i><p>我的</p></span>

        </div>

    </div>

    <script src="./js/flexible.js"></script>
</body>

</html>